<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>div1</div>
<div>div2</div>
<div>div3</div>
<input type="button" value="隐藏">
<input type="button" value="显示">
<input type="button" value="切换">
<hr>
<img src="../220616-1635257176b5c8.jpg" alt="">
<!-- 引入jq框架-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
    //创建元素对象
    let h1 = $("<h1>我是h1</h1>")
    //添加到body里面
    $("body").append(h1);
    //删除元素对象
    $("div:last").remove();
    //动态添加事件
    $("input:first").click(function () {
       $("img").hide();//隐藏
    })
    $("input:eq(1)").click(function () {
        $("img").show();//显示
    })
    $("input:eq(2)").click(function () {
        $("img").toggle();//切换显示状态
    })
</script>
</body>
</html>